<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>思特沃克特训营</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- Theme CSS -->
    <link href="css/agency.css" rel="stylesheet">

    <link rel="shortcut icon" href="http://optz203i0.bkt.clouddn.com/img/logos/favicon.ico" type="image/x-icon">
    <link rel="icon" href="http://optz203i0.bkt.clouddn.com/img/logos/favicon.ico" type="image/x-icon">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"
            integrity="sha384-0s5Pv64cNZJieYFkXYOTId2HMA2Lfb6q2nAcx2n0RTLUnCAoTTsS0nKEO27XyKcY"
            crossorigin="anonymous"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"
            integrity="sha384-ZoaMbDF+4LeFxg6WdScQ9nnR1QC2MIRxA1O9KWEXQwns1G8UNyIEZIQidzb0T1fo"
            crossorigin="anonymous"></script>
    <![endif]-->

    <!-- DaoVoice -->
    <script>(function (i, s, o, g, r, a, m) {
        i["DaoVoiceObject"] = r;
        i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o), m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        a.charset = "utf-8";
        m.parentNode.insertBefore(a, m)
    })(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/9a221fcc.js", "daovoice")</script>
</head>

<body id="page-top" class="index">

<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand page-scroll" href="#page-top"><img
                    src="./img/tw-logo.png"
                    alt="ThoughtWorks Logo" style="width:130px;height:25px"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li>
                    <a class="page-scroll" href="#about">课程介绍</a>
                </li>
                <li>
                    <a class="page-scroll" href="#services">课程特色</a>
                </li>
                <li>
                    <a class="page-scroll" href="#portfolio">往届风采</a>
                </li>
                <li>
                    <a class="page-scroll" href="#team">活动详情</a>
                </li>
                <li>
                    <a class="page-scroll" href="https://jinshuju.net/f/UVso5d">立即报名</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

<!-- Header -->
<header>
    <div class="container">
        <div class="intro-text">
            <div class="intro-lead-in">三个月脱胎换骨，成为自己佩服的人</div>
            <div class="intro-heading">思特沃克特训营</div>
            <a href="https://jinshuju.net/f/UVso5d" class="btn btn-xl">立即报名</a>
        </div>
    </div>
</header>

<!-- About Section -->
<section id="about">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">三个月编程刻意练习</h2>
                <h3 class="section-subheading text-muted">Web开发从0到全栈</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <ul class="timeline">
                    <li>
                        <div class="timeline-image">
                            <img class="img-circle img-responsive"
                                 src="http://optz203i0.bkt.clouddn.com/img/about/5_meitu_7.png" alt="">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>第一阶段</h4>
                                <h4 class="subheading">编程入门</h4>
                            </div>
                            <div class="timeline-body">
                                <ul class="list-group">
                                    <li class="list-group-item">正确的编程思维</li>
                                    <li class="list-group-item">正确的编写代码</li>
                                    <li class="list-group-item">代码调试技巧</li>
                                    <li class="list-group-item">自动化代码测试</li>
                                    <li class="list-group-item">使用Git管理代码</li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image">
                            <img class="img-circle img-responsive"
                                 src="http://optz203i0.bkt.clouddn.com/img/about/6_meitu_11.jpg" alt="">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4 class="subheading">编程基本功训练</h4>
                            </div>
                            <div class="timeline-body">
                                <ul class="list-group">
                                    <li class="list-group-item">命令行的使用</li>
                                    <li class="list-group-item">Node.js 基础</li>
                                    <li class="list-group-item">模块化编程</li>
                                    <li class="list-group-item">非阻塞编程</li>
                                    <li class="list-group-item">面向对象基础</li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="timeline-image">
                            <img class="img-circle img-responsive"
                                 src="http://optz203i0.bkt.clouddn.com/img/about/7_meitu_12.jpg" alt="">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>第二阶段</h4>
                                <h4 class="subheading">理论知识与复杂技术栈</h4>
                            </div>
                            <div class="timeline-body">
                                <ul class="list-group">
                                    <li class="list-group-item">Web开发基础</li>
                                    <li class="list-group-item">HTML5 + DOM + JQuery</li>
                                    <li class="list-group-item">BootStrap 3（CSS）</li>
                                    <li class="list-group-item">用 Express.js 实现 RESTful API</li>
                                    <li class="list-group-item">基于被搭建好的技术栈</li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image">
                            <img class="img-circle img-responsive"
                                 src="http://optz203i0.bkt.clouddn.com/img/about/9_meitu_10.png" alt="">
                        </div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4 class="subheading">理论知识与复杂技术栈</h4>
                            </div>
                            <div class="timeline-body">
                                <ul class="list-group">
                                    <li class="list-group-item">前后端分离架构</li>
                                    <li class="list-group-item">HTTP协议及其应用</li>
                                    <li class="list-group-item">基于被搭建好的技术栈</li>
                                    <li class="list-group-item">自动化构建</li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image">
                            <h4>最后阶段
                                <br>
                                <br>项目实战+大比赛</h4>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- Services Section -->
<section id="services" class="bg-light-gray">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">课程特色</h2>
                <h3 class="section-subheading text-muted">你不能错过的4个理由</h3>
            </div>
        </div>
        <div class="row text-center">
            <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-user fa-stack-1x fa-inverse"></i>
                    </span>
                <h4 class="service-heading">思特沃克咨询师视频授课</h4>
                <p class="text-muted">来自思特沃克的技术大牛授课教学，他们有着丰富的编程经验和培养他人的经验。在传递知识和指引方向的同时也分享工作经验，让大家少走弯路，加速成长</p>
            </div>
            <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-html5 fa-stack-1x fa-inverse"></i>
                    </span>
                <h4 class="service-heading">最前沿的软件开发技术</h4>
                <p class="text-muted">HTML5, ES2015, Node.js, React.js, Redux.js, Git, REST
                    API，我们以行业最前沿的技术为工具，教你最有效的编程思维</p>
            </div>
            <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-users fa-stack-1x fa-inverse"></i>
                    </span>
                <h4 class="service-heading">结识热爱编程的小伙伴</h4>
                <p class="text-muted">在这里，你不再是一个人学习，而是会有一群和你一样热爱编程的小伙伴，大家一起学习、一起讨论问题，还会定期线下聚会碰面，一起享受编程的快乐。</p>
            </div>
            <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-code fa-stack-1x fa-inverse"></i>
                    </span>
                <h4 class="service-heading">实战项目经验</h4>
                <p class="text-muted">最后阶段你和你所属的团队会协作完成一次软件项目的开发，100%还原真实项目挑战。我们还会举办编程比赛，挑战自己的编程极限。</p>
            </div>
        </div>
    </div>
</section>


<!-- Portfolio Grid Section -->
<section id="portfolio">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">往届风采</h2>
                <h3 class="section-subheading text-muted">2017年思特沃克特训营 第一期</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-plus fa-3x"></i>
                        </div>
                    </div>
                    <img src="img/photos/image-1_meitu_1.jpg" class="img-responsive" alt="">
                </a>
                <div class="portfolio-caption">
                    <h4>社会化学习</h4>
                    <p class="text-muted">自我组织、同辈激励</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-plus fa-3x"></i>
                        </div>
                    </div>
                    <img src="img/photos/zuopin-0_meitu_4.jpg" class="img-responsive" alt="">
                </a>
                <div class="portfolio-caption">
                    <h4>学员作品展示</h4>
                    <p class="text-muted">加入特训营，你也可以</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 portfolio-item">
                <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-plus fa-3x"></i>
                        </div>
                    </div>
                    <img src="img/photos/data_meitu_3.jpg" class="img-responsive" alt="">
                </a>
                <div class="portfolio-caption">
                    <h4>学生活动数据</h4>
                    <p class="text-muted">68人五周发帖3000篇</p>
                </div>
            </div>
        </div>
        <div class="row bg-light-gray">
            <div class="col-lg-8 col-lg-offset-2 text-center">
                <h3>学员感言</h3>
                <blockquote>
                    <p class="large">
                        我叫崔京月，华中师范大学心理学习平台准大三学生。在编程领域可以说是百分之一百二的零基础，不知道代码是什么、怎么写，第一次上课的时候还把linux命令说成代码......但是正是这样一个我，在经历了集训营的“洗礼”，对web开发也算是有了自己的见解，虽然所拥有的知识还不足以独自做一个项目，但是对web开发的流程和思路倒是懂了不少。</p>
                    <footer>2017届学员<cite title="学员感言">崔京月</cite></footer>
                </blockquote>
                <blockquote>
                    <p class="large">
                        IT领域知识更新的太快，特训营的学习让我思考，学习的意义不只是学到更多的知识点，是当这些具体知识点都淡忘以后还留下来的东西。这些才是最重要的。最后的最后，再次表达，我很感谢这次经历，很开心遇到了这么一群志同道合的小伙伴和这么好的指导老师。完美的特训营学习经历。</p>
                    <footer>2017届学员<cite title="学员感言">曹容</cite></footer>
                </blockquote>
                <blockquote>
                    <p class="large">特训营相较于传统的针对特定技术的IT类培训，更注重培养正确的编程思维、良好的开发习惯和学习能力。这带给我的是从未有过的，并且是极好的感觉和体验。传统的培训教育大多是“
                        授人以鱼，而非授人以渔 ”，而特训营正是做到了 “ 授人以渔 ”，这也恰恰是我们大学生最为需要东西
                        。开始的两个星期，我们做了一些思维方式、任务分解的练习，在我看来，虽然不是直接敲代码，但是这个过程确是极其重要的，也必须是在编程之前需要认真锻炼和学习的东西。这些思维将会在编程的过程中发挥极大的作用。同时，ThoughtWorks
                        的敏捷开发思想也在整个特训营的学习过程中，一直起到关键的促进作用。</p>
                    <footer>2017届学员<cite title="学员感言">陈鑫</cite></footer>
                </blockquote>
            </div>
        </div>
    </div>
</section>

<!-- Team Section -->
<section id="team">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">活动详情</h2>
                <table class="table table-bordered">
                    <tr>
                        <th class="col-xs-3">时间安排</th>
                        <td class="col-xs-9">2017年9月24日至2017年12月24日</br>
                            线上学习：自由安排时间，按时完成任务卡，中间穿插视频讲解和助教答疑</br>
                            线下助教辅导：周中某个晚上一次、周末一个下午，具体时间协调安排
                        </td>
                    </tr>
                    <tr>
                        <th class="col-xs-3">学习形式</th>
                        <td class="col-xs-9">
                            思特沃克咨询师视频授课</br>
                            随时随地在线学习，定期线下聚会</br>
                            小组团体社会化学习</br>
                            助教答疑反馈
                        </td>
                    </tr>
                    <tr>
                        <th class="col-xs-3">其他收获</th>
                        <td class="col-xs-9">
                            完成学习的同学可以获得《思特沃克实训证书》</br>
                            有机会成为下期特训营助教（实习工作）
                        </td>
                    </tr>
                    <tr>
                        <th class="col-xs-3">会员费</th>
                        <td class="col-xs-9">
                            三个月 ￥600
                        </td>
                    </tr>
                    <tr>
                        <th class="col-xs-3">报名咨询</th>
                        <td class="col-xs-9">
                            关注思沃学习平台公众号，留言可直接咨询客服</br>
                            <img src="img/photos/wechat-barcode.jpg" alt="思沃学习平台公众号二维码">
                        </td>
                    </tr>
                    <tr>
                        <th class="col-xs-3">报名截止日期</th>
                        <td class="col-xs-9">2017年9月30日（活动名额有限，报满即止）</td>
                    </tr>
                </table>
            </div>
        </div>
        <!--<div class="row">-->
        <!--<div class="col-lg-12">-->
        <!--<h2 class="section-heading text-center">常见问题</h2>-->
        <!--<dl>-->
        <!--<dt>如何知道自己是否被录取？</dt>-->
        <!--<dd>我们会在报名截止后一周内将报名结果发到你注册的邮箱。</dd>-->
        <!--</dl>-->
        <!--<dl>-->
        <!--<dt>如何获得更多帮助？</dt>-->
        <!--<dd>有任何问题欢迎使用页面右下角的聊天工具与我们联系，我们会第一时间答复你。</dd>-->
        <!--</dl>-->
        <!--</div>-->
        <!--</div>-->
    </div>
</section>

<!-- Contact Section -->
<section id="contact">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <a href="https://jinshuju.net/f/UVso5d" class="page-scroll btn btn-xl">立即报名</a>
            </div>
        </div>
    </div>
</section>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <span class="copyright">© 2017 ThoughtWorks, Inc.</span>
            </div>
            <div class="col-md-4">
                <ul class="list-inline social-buttons">
                    <li><a href="http://weibo.com/thoughtworkschina"><i class="fa fa-weibo"></i></a>
                    </li>
                    <li>
                        <a href="https://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzI0MDUyNDAxMQ==#wechat_webview_type=1&wechat_redirect"><i
                                class="fa fa-weixin"></i></a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <ul class="list-inline quicklinks">
                    <li><a href="https://www.thoughtworks.com/cn/privacy-policy">Privacy Policy</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<!-- Portfolio Modals -->
<!-- Use the modals below to showcase details about your portfolio projects! -->

<!-- Portfolio Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>社会化学习</h2>
                            <p class="item-intro text-muted">自我组织、同辈激励</p>
                            <img class="img-responsive img-centered" src="img/photos/image-1.jpg" alt="">
                            <img class="img-responsive img-centered" src="img/photos/image.jpg" alt="">
                            <img class="img-responsive img-centered" src="img/photos/image-2.jpg" alt="">
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i
                                    class="fa fa-times"></i> 关闭
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Portfolio Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>学员作品展示</h2>
                            <p class="item-intro text-muted">加入特训营，你也可以</p>
                            <img class="img-responsive img-centered" src="img/photos/zuopin-0.png" alt="">
                            <img class="img-responsive img-centered" src="img/photos/zuopin-1.png" alt="">
                            <img class="img-responsive img-centered" src="img/photos/zuopin-2.png" alt="">
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i
                                    class="fa fa-times"></i> 关闭
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Portfolio Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
                            <h2>学生活动数据</h2>
                            <p class="item-intro text-muted">68人五周发帖3000篇</p>
                            <img class="img-responsive img-centered" src="img/photos/image-0.png" alt="">
                            <img class="img-responsive img-centered" src="img/photos/data.png" alt="">
                            <p class="item-intro text-muted">从7月18日截至到8月29日，五周时间，68名学生发帖总量3000。论坛访问量，看学员积极学习的态度。</p>
                            <button type="button" class="btn btn-primary" data-dismiss="modal"><i
                                    class="fa fa-times"></i> 关闭
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"
        integrity="sha384-mE6eXfrb8jxl0rzJDBRanYqgBxtJ6Unn4/1F7q4xRRyIw7Vdg9jP4ycT7x1iVsgb"
        crossorigin="anonymous"></script>

<!-- Theme JavaScript -->
<script src="js/agency.js"></script>

<!-- DaoVoice -->
<script>
    daovoice('init', {
        app_id: "9a221fcc"
    });
    daovoice('update');
</script>
</body>

</html>
